<template>
	<div>
		<h1 ref="title">欢迎来到我的{{world}}</h1>
		<button @click="btn">点我出h1_Dom元素</button>
		<School />
		<Student ref="stu" />
	</div>
</template>

<script>

import School from './components/School.vue'
import Student from './components/Student.vue'


export default {
	name: 'App',
	components: {
		School,
		Student
	},
	data(){
		return {
			msg:'123',
			world:'世界'
		}
	},
	methods: {
		btn(){
			console.log(this.$refs.title);
			console.log(this.$refs.stu.$el);
		}
	},
}
</script>

<style></style>